<template>
  <view class="fixbox" :style="{height:getstatusheight()+gettitleheight()+'px',width:'100%'}"> 
        <view :style="{height:getstatusheight()+'px'}"></view>
        <view :style="{height:gettitleheight()+'px'}" class="titles-fix">
			<view class="l">
				<slot  name="l"></slot>
			</view>
			<view class="c">
				<slot  name="c"></slot>
			</view>
			<view class="r">
				<slot  name="r"></slot>
			</view>
		</view>
  </view>
</template>

<script setup>
	import {getstatusheight,gettitleheight} from '@/utils/getsysteminfo.js'
	
</script>

<style lang="scss" scoped>
	.titles-fix{
		height: 100%;
		display: flex;
		.l,.c,.r{
			height: 100%;
		}
		.l{
			width: 25%;
		}
		.c{
			width:50% ;
		}
		.r{
			width: 25%;
		}
		
	}
	
</style>